<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发表评价</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>
    <link rel="stylesheet" href="../css/demo.css">
    <style>
        .upload_box {
            width: 100%;
            /* margin: 1em auto; */
        }

        .upload_drag_area {
            display: inline-block;
            width: 60%;
            padding: 4em 0;
            margin-left: .5em;
            border: 1px dashed #ddd;
            background: #fff url(drag.png) no-repeat 20px center;
            color: #999;
            text-align: center;
            vertical-align: middle;
        }

        .upload_drag_hover {
            border-color: #069;
            box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .5);
            color: #333;
        }

        .upload_preview {
            background-color: #fff;
            overflow: hidden;
            _zoom: 1;
            float: left;
        }

        .upload_append_list {
            /* height: 300px; */
            margin-right: 8px;
            width: 60px;
            height: 60px;
            float: left;
            position: relative;
        }

        .upload_delete {
            margin-left: 2em;
            background: url('../img/删除@2x.png') no-repeat center;
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 12px;
            height: 12px;
            background-size: contain;
        }



        .upload_submit_btn {
            display: none;
            height: 32px;
            font-size: 14px;
        }

        .upload_loading {
            height: 250px;
            background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;
        }

        .upload_progress {
            display: none;
            padding: 5px;
            border-radius: 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            left: 25px;
            top: 45px;
        }

        .star span {
            -webkit-filter: grayscale(1);
        }

        .star span.active {
            -webkit-filter: grayscale(0);
        }
    </style>
</head>

<body>
    <!--头部-->
    <!-- <div class="public-header flex">
        <span class="public-header-left-back"></span>
        <span class="public-header-center">发表评价</span>
        <span class="public-header-right"></span>
    </div> -->

    <!--正文-->
    <div class="Make-an-evaluation bc-gray">
        <div class="section-1 clearfix">
            <img src="../img/今日产品 图片@2x.png" alt="">
            <textarea name="" id="" cols="30" rows="10">内容内容内容内容内容内容</textarea>
            <span class="time">07.05</span>
        </div>
        <p class="t1">填写评价</p>
        <textarea name="" id="common" cols="30" rows="10" placeholder="请填写您的评价" style="box-sizing:border-box;resize:none;"></textarea>
        <div class="img">
            <p class="t2">
                <span>晒图</span>
                <em>（选填，最多3张）</em>
            </p>
            <div id="body" class="light">
                <div id="content" class="show">
                    <div class="demo">
                        <form id="uploadForm" action="http://47.93.242.9/ZITAOHUI/upload" method="post" enctype="multipart/form-data">
                            <div class="upload_box">
                                <div class="upload_main">
                                    <div id="preview" class="upload_preview"></div>
                                    <div class="upload_choose">
                                        <img src="../img/添加图片 copy@2x.png" alt="" style='width:60px;height:60px' id="add_img">
                                    </div>

                                </div>
                         
                        
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
        <p class="star">
            <font>评分：</font>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <em>分</em>
        </p>
        <span class="button">提交申请</span>
    </div>



</body>

</html>